@import '~styles/config.scss';

.selectLink {
    width   : 100%;
    overflow: hidden;

    .link {
        width              : 100%;
        box-sizing         : border-box;
        border-radius      : 3px;
        // flex         : auto;
        // background      : $--background-color-base;
        // color        : $--color-text-regular;
        border             : 1px solid $--border-color-light;
        background         : #fff;
        color              : $--color-text-regular;
        // padding      : 4px 10px;

        display  : flex;
        flex-wrap: wrap;

        .l1 {
            color              : $--color-text-placeholder;
            line-height        : 18px;
            height             : 18px;
            width              : 18px;
            margin             : 5px;
            text-align         : center;
            font-size          : 14px;
            background         : $--color-primary;
            color              : #fff;
            border-radius      : 4px;
            // transform-origin: 0 0;
            transform          : scale(0.7, 0.7);
        }

        .l2 {
            width             : calc(100% - 60px);
            margin            : 4px 0px;
            line-height       : 20px;
            box-sizing        : border-box;
            display           : -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1;
            overflow          : hidden;
            // border-left   : 1px solid $--border-color-light;

            font-size: 12px;
        }

        .l3 {

            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            width      : 30px;
            text-align : center;
            font-size  : 12px;
            &:hover{
                color:$--color-danger;
            }
        }

        .l4 {
            border-top   : 1px dashed $--border-color-light;
            opacity      : .7;
            box-sizing   : border-box;
            text-align   : left;
            padding      : 5px 5px 5px 10px;
            font-size    : 12px;
            width        : 100%;
            overflow     : hidden;
            text-overflow: ellipsis;
            white-space  : nowrap;
        }


    }
}